<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
		/*
		 	相对定位
		 	1. 相对于自己原始出生点来做相对的偏移。
		 	2. 并没有完全脱离文档流(显示是一回事,但本体所占的位置和面积依然被保留下来)  其实没有它没有浮动。
		 	3. 我们通常用相对定位来管着绝对定位(relative比较稳定)
		 * */
			.test{
				width: 100px;
				height: 100px;
				background: skyblue;
				position: relative;
				left: 100px;
				top: 200px;
				margin-left: 500px;
			}
		</style>
		<div class="test">
			相对位置
		</div>
		<div class="test2">
			测试div
		</div>
	</body>
</html>
